body { background:url(images/bg.jpg) no-repeat top center #97cae4; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3b5564; }
p { margin:0px; padding:0 0 5px 0; line-height:17px; text-align:justify; }
p.pat { color:#FFFFFF; }
h1 { color:#116c64; font-size:32px; font-weight:bold; margin:0px; padding:5px 5px 5px 0; }
h2 { color:#759f1b; font-size:24px; font-weight:bold; margin:0px; padding:5px 5px 5px 0; }
span.blue { color:#a5dcf8; }
span.dark_blue { color:#116c64; }
#main_container { width:900px; height:auto; margin:auto; background-color:#fff; }
.header { width:900px; height:114px; margin:auto; background:url(images/header_bg.gif) repeat-x; }
.right_header { float:right; width:450px; }
#logo { padding:30px 0 0 20px; float:left; font-size: 24px; font-color: #666666; }
/*----------------------menu-------------------------*/
#menu { width:630px; height:35px; float:right; padding:40px 0 0 0; }
#menu ul { list-style:none; padding:0px; margin:0px; display:block; font-weight:bold; }
#menu ul li { list-style:none; display:inline; float:left; width:96px; height:35px; padding:0px; line-height:35px; font-size:13px; margin:0 3px 0 3px; }
#menu ul li a { height:35px; width:96px; float:left; text-decoration:none; padding:0px; margin:0px; color:#6c7b83; text-align:center; background:url(images/menu_bt.gif) no-repeat center; }
#menu ul li a:hover { height:35px; width:96px; text-decoration:none; color: #68C2EF; }
#menu ul li a.current { height:35px; width:96px; float:left; text-decoration:none; padding:0px; margin:0px; color: #68C2EF; background:url(images/menu_bt.gif) no-repeat center; }
#middle_box { width:900px; height:208px; clear:both; margin:auto; background:url(images/middle_banner.gif) no-repeat center; }
.middle_box_content { width: 500px; padding:30px 50px 0 30px; font-size: 18px; font-style: italic;}
.top_menu { width: 430px; text-align: right; padding-top:10px; padding-right:10px; height: 26px; }
a.login { width:49px; height:35px; display:block; background:url(images/login.gif) no-repeat center; line-height:35px; color:#a6c4d4; font-size:10px; font-weight:bold; text-decoration:none; padding:0 0 0 40px; float:left; margin:0 3px 0 3px; }
a.sign_up { width:49px; height:35px; display:block; background:url(images/sign_up.gif) no-repeat center; line-height:35px; color:#a6c4d4; font-size:10px; font-weight:bold; text-decoration:none; padding:0 0 0 40px; float:left; margin:0 3px 0 3px; }
.pattern_bg { width:900px; height:162px; clear:both; margin:auto; background:url(images/pattern_bg.gif) no-repeat center; }
.pattern_box { width:400px; float:left; padding:15px 0 0 25px; }
.pattern_box_icon { float:left; padding:5px; }
.pattern_content { width:300px; float:left; padding:0 0 0 10px; }
/*---------------------main_content------------------*/
#main_content { width:885px; height: auto; margin: auto; padding:0 0 0 15px; }
.clear { clear:both; }
.box_content { width:267px; height:auto; float:left; margin:10px 10px 30px 10px; background:url(images/box_bg.gif) no-repeat top center; }
.box_title { padding:10px 10px 10px 10px; }
.box_title h2 { font-size:18px;}
.title_icon { float:left; padding:0 5px 0 10px; }
.box_text_content { width:250px; float:left; padding:15px 0 0 15px; }
.box_icon { float:left; padding:0 5px 0 0; }
.box_text { width:190px; float:left; text-align:justify; padding:0 0 0 10px; }
a.details { float:right; padding:5px 15px 0 0; text-decoration:none; font-weight:bold; color:#f8851f; }
/*-----------------------------footer------------------*/
#footer { width:900px; height:45px; color:#508aa1; background-color:#e8eff2; }
.copyright { float:left; padding:10px 0 0 10px; }
.center_footer { color:#c3ced4; font-size:12px; font-weight:bold; width:550px; padding:15px; text-align:left; float:left; }
.footer_links { float:right; padding:10px 10px 0 0; }
.included_content { padding: 20px; width: 860px }
a { color: #68C2EF; text-decoration: none; }
a:hover { text-decoration: underline; }
div.flash { position: absolute; float: right; padding: 10px; top: 0px; right: 0px; opacity: 0.75; margin: 10px 10px 10px 10px; text-align: center; clear: both; color: #fff; font-size: 11pt; text-align: center; vertical-align: middle; cursor: pointer; background: black; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 2; }
div.error { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: red; color: white; padding: 3px; border: 1px solid #666; }
table, tr, td { text-align: left; vertical-align: top; }
label { white-space: nowrap; font-weight: bold; }
input:focus,
textarea:focus { background: #ffcccc; }
input.string { width: 420px; }
textarea.text { width: 420px; height: 200px; }
select { width: 150px; overflow-x: hidden; }
.rightcol {width: 200px}
.smarttable {
border: 1px solid #333333;	    
width: 100%;
}
.smarttable TR TH {
background-color: #cccccc;	    
}